import React,{Component} from 'react';

import CSSModules from 'react-css-modules';

import styles from './index.scss';

class Footer extends Component {
    render(){
        return (<div>
           
        <div styleName="footer">
          <div styleName="wrap">
            <div styleName="f-left">
              <div styleName="f-logo">
                <img src="/images/home/logo_01.png" />
              </div>
              <ul>
                <li>
                  <a href="#">加入我们</a>
                </li>
                <li>
                  <a href="#">联系我们</a>
                </li>
                <li>
                  <a href="#">站务论坛</a>
                </li>
                <li>
                  <a href="#">问题反馈</a>
                </li>
                <li>
                  <a href="#">社区准则</a>
                </li>
                <li>
                  <a href="#">网站地图</a>
                </li>
                <li>
                  <a href="#">隐私政策</a>
                </li>
              </ul>
            </div>
            <div styleName="f-center">
              <dl>
                <dt>社区</dt>
                <dd>
                  <a href="#">推送</a>
                </dd>
                <dd>
                  <a href="#">群组</a>
                </dd>
                <dd>
                  <a href="#">交友</a>
                </dd>
              </dl>
              <dl>
                <dt>个人中心</dt>
                <dd>
                  <a href="#">基本信息</a>
                </dd>
                <dd>
                  <a href="#">我的收藏</a>
                </dd>
                <dd>
                  <a href="#">我的参与</a>
                </dd>
                <dd>
                  <a href="#">我的帖子</a>
                </dd>
              </dl>
              <dl>
                <dt>会员</dt>
                <dd>
                  <a href="#">我的特权</a>
                </dd>
                <dd>
                  <a href="#">我的订阅</a>
                </dd>
                <dd>
                  <a href="#">我的福利</a>
                </dd>
              </dl>
              <dl>
                <dt>推荐</dt>
                <dd>
                  <a href="#">电影</a>
                </dd>
                <dd>
                  <a href="#">电视剧</a>
                </dd>
                <dd>
                  <a href="#">其他</a>
                </dd>
              </dl>
              <dl>
                <dt>关注我们</dt>
                <dd>
                  <img src="/images/footer/QQ.png" />
                </dd>
                <dd>
                  <img src="/images/footer/weibo.png" />
                </dd>
                <dd>
                  <img src="/images/footer/weixin.png" />
                </dd>
              </dl>
            </div>
            <div styleName="f-right">
              <p>微信公众号</p>
              <img src="/images/footer/erweima.png" />
            </div>
          </div>
          <div styleName="footer_bottom">
              <p>举报中心电话：40061288999  举报中心邮箱：Service2zhuiying.com</p>
              <p>北京动艺追影有限公司  Copyright 2007-2018  zhuiying.com Int.All crirints reserved</p>
              <p>京ICP证050715号 网络视听许可证01224349号 网络文化经营许可证 广播电视节目制作经营许可证（京）字第1435号  京公网备案：110105020</p>
          </div>
        </div>

        </div>)
    }
}

export default CSSModules(Footer, styles, { allowMultiple: true });
